﻿
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN"
          "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="imagetoolbar" content="no" />
    <title>Caribbean</title>

    <script src="js/shiftzoom.js" language="javascript" type="text/javascript"></script>
    <script type="text/javascript">
<!--
if(document.images&&document.createElement&&document.getElementById){
    document.writeln('<style type="text/css">');
    document.writeln('img.shiftzoom { visibility: hidden; }');
    document.writeln('<\/style>');
}
shiftzoom.defaultCurpath = 'images/';
//-->
    </script>
</head>
<body>
    <!--style="float: left; width:800px; height:900px; border:0px solid gray; margin-right: 1em; margin-bottom: 0.25em;"-->
    <div style="float: left; width:100%; height:100%;">
        <!--background: url(images/indicator.gif) 20% 20% no-repeat;-->
        <div style="width:100%; height:100%;margin:0 auto;text-align:center;background:rgba(8,27,70,0.5)" >
            <img id="caribbean" class="shiftzoom" onload="shiftzoom.add(this,{showcoords:true,zoom:10});" width = "98%" height = "100%"   src="images/map.png"  alt="large image" border="0" />
        </div>
    </div>
</body>
<style>
    body,html{
        height: 100%;
        width: 100%;
        margin: 0;
    }
    #caribbean_xyco,#caribbean_ctrl{
        display: none !important;
    }
    
</style>
</html>
